
html,body{
  height: 100%;
}
.goods_wrap{
  height: 100%;
}

#header{
  background-color: rgb(192,0,0);
  color: #fff;
  h1,a{
    color: inherit;
  }
}

#refreshContainer{
  // position: relative;
  // padding-top: 45px;
  // padding-bottom: 50px;
  // 不使用原生滚动条
  overflow: hidden;
  .goods_list{
    padding: 10px;
    ul{
      li{
        // margin-bottom: 10px;
        padding: 10px;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
        // box-shadow: 2px 2px 10px 1px #c8c7cc;
        a{
          display: flex;
          .left{
            flex: 1;
            padding: 10px;
            // height: 190px;
            img{
              height: 100%;
            }
          }
          .right{
            flex: 3;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            height: 160px;
            padding: 10px 20px;
            .info{
              word-break: break-all;
              color: #666;
              font-size: 14px;
              // 此处使用 mui 辅助类实现两行省略号显示
              // white-space: nowrap;
              // text-overflow: ellipsis;
              // overflow: hidden; 
            }
            .price{
              color: rgb(192,0,0);
            }
          }
        }
      }
    }
  }
}